<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/app.css" />
		<link rel="stylesheet" type="text/css" href="css/address.css" />
	</head>
	<body>
		<div id="address">
			<div class="containner">
				<div class="flex justify-between item-center wrap">
					<div class="address-bar active">
						<div>
							<div class="flex justify-between item-center dark text-left text-lg bold">
								<div class="flex item-center">
									<div>张三</div>
									<div class="ml-10">江苏省</div>
								</div>
								<div class="hand gray hover-red">×</div>
							</div>
							<div class="flex justify-between item-end mt-20">
								<div class="address-left">
									<div class="flex item-center text-sm">
										<div class="address-title text-right gray">收货人：</div>
										<div class="text-left dark">张三</div>
									</div>
									<div class="flex item-center text-sm mt-10">
										<div class="address-title text-right gray">所在地区：</div>
										<div class="text-left dark">江苏省南京市市辖区</div>
									</div>
									<div class="flex item-center text-sm mt-10">
										<div class="address-title text-right gray">地址：</div>
										<div class="text-left dark">秦淮区中华路127号外运大厦北楼18楼</div>
									</div>
									<div class="flex item-center text-sm mt-10">
										<div class="address-title text-right gray">手机：</div>
										<div class="text-left dark">13600000001</div>
									</div>
								</div>
								<div class="address-right">
									<div class="text-right text-sm gray hover-red hand">编辑</div>
									<div class="text-right text-sm gray hover-red hand mt-10">设为默认</div>
								</div>
							</div>
						</div>
					</div>
					<div class="address-bar">
						<div>
							<div class="flex justify-between item-center dark text-left text-lg bold">
								<div class="flex item-center">
									<div>李四</div>
									<div class="ml-10">江苏省</div>
								</div>
								<div class="hand gray hover-red">×</div>
							</div>
							<div class="flex justify-between item-end mt-20">
								<div class="address-left">
									<div class="flex item-center text-sm">
										<div class="address-title text-right gray">收货人：</div>
										<div class="text-left dark">李四</div>
									</div>
									<div class="flex item-center text-sm mt-10">
										<div class="address-title text-right gray">所在地区：</div>
										<div class="text-left dark">江苏省苏州市市辖区</div>
									</div>
									<div class="flex item-center text-sm mt-10">
										<div class="address-title text-right gray">地址：</div>
										<div class="text-left dark">姑苏区广济南路18号中盛艾美写字楼7楼701A</div>
									</div>
									<div class="flex item-center text-sm mt-10">
										<div class="address-title text-right gray">手机：</div>
										<div class="text-left dark">13600000002</div>
									</div>
								</div>
								<div class="address-right">
									<div class="text-right text-sm gray hover-red hand">编辑</div>
									<div class="text-right text-sm gray hover-red hand mt-10">设为默认</div>
								</div>
							</div>
						</div>
					</div>
					<div class="address-bar">
						<div>
							<div class="flex justify-between item-center dark text-left text-lg bold">
								<div class="flex item-center">
									<div>王五</div>
									<div class="ml-10">山东省</div>
								</div>
								<div class="hand gray hover-red">×</div>
							</div>
							<div class="flex justify-between item-end mt-20">
								<div class="address-left">
									<div class="flex item-center text-sm">
										<div class="address-title text-right gray">收货人：</div>
										<div class="text-left dark">王五</div>
									</div>
									<div class="flex item-center text-sm mt-10">
										<div class="address-title text-right gray">所在地区：</div>
										<div class="text-left dark">山东省济南市市辖区</div>
									</div>
									<div class="flex item-center text-sm mt-10">
										<div class="address-title text-right gray">地址：</div>
										<div class="text-left dark">历下区解放东路30号东源大厦23楼</div>
									</div>
									<div class="flex item-center text-sm mt-10">
										<div class="address-title text-right gray">手机：</div>
										<div class="text-left dark">13600000003</div>
									</div>
								</div>
								<div class="address-right">
									<div class="text-right text-sm gray hover-red hand">编辑</div>
									<div class="text-right text-sm gray hover-red hand mt-10">设为默认</div>
								</div>
							</div>
						</div>
					</div>
					<div class="address-bar">
						<div>
							<div class="flex justify-between item-center dark text-left text-lg bold">
								<div class="flex item-center">
									<div>赵六</div>
									<div class="ml-10">江苏省</div>
								</div>
								<div class="hand gray hover-red">×</div>
							</div>
							<div class="flex justify-between item-end mt-20">
								<div class="address-left">
									<div class="flex item-center text-sm">
										<div class="address-title text-right gray">收货人：</div>
										<div class="text-left dark">赵六</div>
									</div>
									<div class="flex item-center text-sm mt-10">
										<div class="address-title text-right gray">所在地区：</div>
										<div class="text-left dark">江苏省苏州市太仓市</div>
									</div>
									<div class="flex item-center text-sm mt-10">
										<div class="address-title text-right gray">地址：</div>
										<div class="text-left dark">abc</div>
									</div>
									<div class="flex item-center text-sm mt-10">
										<div class="address-title text-right gray">手机：</div>
										<div class="text-left dark">13600000001</div>
									</div>
								</div>
								<div class="address-right">
									<div class="text-right text-sm gray hover-red hand">编辑</div>
									<div class="text-right text-sm gray hover-red hand mt-10">设为默认</div>
								</div>
							</div>
						</div>
					</div>
					<div class="address-append-bar">
						<div style="display: block;">
							<div class="append-tag">+</div>
						</div>
						<div style="display: none;"><input type="text" placeholder="请填写收货人姓名" class="addr_text hand gray"><input
								type="text" placeholder="请填写收货人手机号码" class="addr_text hand gray mt-10">
							<div class="mt-10 flex justify-between item-center"><select class="address_select hand">
									<option>北京市</option>
									<option>天津市</option>
									<option>河北省</option>
									<option>山西省</option>
									<option>内蒙古自治区</option>
									<option>辽宁省</option>
									<option>吉林省</option>
									<option>黑龙江省</option>
									<option>上海市</option>
									<option>江苏省</option>
									<option>浙江省</option>
									<option>安徽省</option>
									<option>福建省</option>
									<option>江西省</option>
									<option>山东省</option>
									<option>河南省</option>
									<option>湖北省</option>
									<option>湖南省</option>
									<option>广东省</option>
									<option>广西壮族自治区</option>
									<option>海南省</option>
									<option>重庆市</option>
									<option>四川省</option>
									<option>贵州省</option>
									<option>云南省</option>
									<option>西藏自治区</option>
									<option>陕西省</option>
									<option>甘肃省</option>
									<option>青海省</option>
									<option>宁夏回族自治区</option>
									<option>新疆维吾尔自治区</option>
									<option>新疆建设兵团</option>
								</select><select class="address_select hand">
									<option>东城区</option>
									<option>西城区</option>
									<option>朝阳区</option>
									<option>丰台区</option>
									<option>石景山区</option>
									<option>海淀区</option>
									<option>门头沟区</option>
									<option>房山区</option>
									<option>通州区</option>
									<option>顺义区</option>
									<option>昌平区</option>
									<option>大兴区</option>
									<option>怀柔区</option>
									<option>平谷区</option>
									<option>密云县</option>
									<option>延庆县</option>
								</select><select class="address_select hand"></select></div><input type="text"
								placeholder="请填写收获详细地址" class="addr_text hand gray mt-10">
							<div class="mt-20 flex justify-end item-center"><button
									class="address-btn btn-save hand rounded"> 保 存 </button><button
									class="address-btn btn-cancel hand rounded ml-20"> 取 消 </button></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
